<template>
  <div id="app">
    <!-- <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <demo-button>rr</demo-button> -->
    <el-table
      :data="renderDynamic"
      ref="product"
      border
      row-key="producttypeId"
      :row-class-name="rowClassNameFun" //表格行样式
      :header-row-class-name="headerRowClassName" //表格头样式
      size="mini"
      max-height="500px"
      style="width: 100%"
      @select="selectFun" //复选框点击事件
      @select-all="selectAllFun" //表格全选事件
      @selection-change="selectionChange"
      :header-cell-style="{ background: '#fafafa' }"
    >
    </el-table>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld,
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
